<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<title>Document</title>
</head>
<body>
	
	<div class="box">
		  <h3>商品列表展示</h3>
		  <div class="goods">
		  	<dl>
		  		<dt><img src="imgs/01.png"/></dt>
		  		<dd>触屏笔</dd>
		  		<dd>200元</dd>
		  		<dd><button>加入购物车</button></dd>
		  	</dl>
		  	<dl>
		  		<dt><img src="imgs/02.png"/></dt>
		  		<dd>无线耳机</dd>
		  		<dd>300元</dd>
		  		<dd><button>加入购物车</button></dd>
		  	</dl>
		  	<dl>
		  		<dt><img src="imgs/03.png"/></dt>
		  		<dd>华为手环</dd>
		  		<dd>299元</dd>
		  		<dd><button>加入购物车</button></dd>
		  	</dl>
		  	<dl>
		  		<dt><img src="imgs/04.png"/></dt>
		  		<dd>华为背包</dd>
		  		<dd>199元</dd>
		  		<dd><button>加入购物车</button></dd>
		  	</dl>
		  	<dl>
		  		<dt><img src="imgs/05.png"/></dt>
		  		<dd>赠品</dd>
		  		<dd>0元</dd>
		  		<dd><button>加入购物车</button></dd>
		  	</dl>
		  	
		  </div>
		  
	</div>
	
	
	<div class="shoppingcar">
		<table>
			<tr>
				<th>全选</th>
				<th>商品</th>
				<th>数量</th>
				<th>单价</th>
				<th>小计</th>
				<th>操作</th>
				<th>时间</th>
			</tr>
			<tr>
				<td>
					<label>
						<input type="checkbox" name="check" class="quanxuan"/>
							全选按钮
						</label>
				</td>
				<td>
					<button type="button" id="delbtn">
						删除选中商品
					</button>
				</td>
				<td colspan="4"></td>
				<td>
					总价：<br>
				    <div id="sum">
									
					</div>
				</td>
			</tr>
		</table>
	</div>
	
	
	
	
	
	
</body>
</html>
